<template>
  <div class="main">
    <div class="main-top">
      <div class="left">
        <!-- <div class="ease">
          <span>安<span class="point">心</span>购</span>
        </div> -->
        <div class="factory-online">
          <span>厂长在线</span>
        </div>
      </div>
      <div class="right">

       

        <div class="part">
          <Select placeholder="区域位置"  />
          
        </div>
        <div class="part">
          <Select placeholder="工厂类型"  />
        </div>
        <div class="part">
          <Select placeholder="综合排序"  />
        </div>
        <div class="part">
          <Select placeholder="更多筛选"  />
        </div>
      </div>
    </div>
    <div class="divide"></div>

    <div class="content" ref="content">
      <div class="list">
        <div
          v-for="(item, index) in list"
          :style="{ marginTop: index !== 0 ? '.1042rem' : 0 }"
        >
          <Plant />
        </div>
      </div>

      <div class="right-content">
        <div class="title">
          <div class="point-div"></div>
          <span class="text">看了又看</span>
        </div>

        <div class="part-s thumb">
          <div class="top-img">
            <img v-lazy="publicUrl(`/images/Special164.jpg`)" />
          </div>
          <div class="bottom">
            <span class="title">夏季MTM定制化男衬衫</span>
            <span class="price">￥59.90</span>
          </div>
        </div>
        <div class="part-s thumb">
          <div class="top-img">
            <img v-lazy="publicUrl(`/images/Special164.jpg`)" />
          </div>
          <div class="bottom">
            <span class="title">夏季MTM定制化男衬衫</span>
            <span class="price">￥59.90</span>
          </div>
        </div>
        <div class="part-s thumb">
          <div class="top-img">
            <img v-lazy="publicUrl(`/images/Special164.jpg`)" />
          </div>
          <div class="bottom">
            <span class="title">夏季MTM定制化男衬衫</span>
            <span class="price">￥59.90</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts" name="">
import { publicUrl } from "@/utils/util";
import { ref, onMounted } from "vue";
import Plant from "@/components/Plant/index.vue";
import { useRoute } from "vue-router";
import Select from "@/components/Select/index.vue";
const activeName = ref<number>(1);
const content = ref<any>(null);
const route = useRoute();
onMounted(() => {
  if (route.query.toList)
    document.documentElement.scrollTop = content.value.offsetTop; //到达看列表高度
});
const list = ref<
  Array<{
    title: string;
  }>
>([
  {
    title: `1`,
  },
  {
    title: `1`,
  },
  {
    title: `1`,
  },
  {
    title: `1`,
  },
  {
    title: `1`,
  },
  {
    title: `1`,
  },
]);
const change = (num: number) => (activeName.value = num);
</script>
<style scoped lang="scss">
@media screen and (min-width: $pc-min-width) {
  @import "./pc.scss";
}
</style>
